//项目入口 JS文件
console.log("ok")

import Vue from 'vue'
// 1.1 导入路由的包
import VueRouter from 'vue-router'
// 1.2 安装路由
Vue.use(VueRouter)

//导入格式化时间插件
import moment from 'moment'

//定义全局过滤器
Vue.filter('dataFormat',function(dataStr,pattern="YYYY-MM-DD HH:mm:ss"){
    return moment(dataStr).format(pattern)
})

// 2.1 导入vue-resource
import VueResource from 'vue-resource'
// 2.2 安装vue-resource
Vue.use(VueResource)




//设置请求的根路径
Vue.http.options.root = "./src/localjson"
Vue.http.options.emulateJSON = true     //全局设置post时候表单数据格式组织形式

// 导入mui的样式
import './lib/mui/css/mui.min.css'
import './lib/mui/css/icons-extra.css'

// //按需导入mint-ui 中的组件
// import { Header,Swipe, SwipeItem,Button, Lazyload } from 'mint-ui'
// Vue.component(Header.name,Header)
// Vue.component(Swipe.name, Swipe);
// Vue.component(SwipeItem.name, SwipeItem);
// Vue.component(Button.name, Button);
// Vue.use(Lazyload);

import MintUI from 'mint-ui'
Vue.use(MintUI)
import 'mint-ui/lib/style.css'


//安装图片预览插件
import VuePreview from 'vue-preview'
// defalut install
Vue.use(VuePreview)



// 1.3 导入自己的router.js 路由模块
import router from './router.js'


import app from './App.vue' 
//默认webpack 无法打包 .vue文件，需要安装相关loader
// cnpm vue-loader vue-template-compiler -D
//之后在配置文件中新增loader配置项，{ test:/\.vue$/,use:'vue-loader'}

var vm = new Vue({
    el:'#app',
    data:{msg:'123'},
    render: c => c(app) ,//render 会把 el 指定的容器中，所有内容都清空覆盖，所以不要把路由的 
                        // router-link 和 router-view 直接写到 el 所控制的元素中

    router  //1.4.将路由对象挂载到vm上
})
